﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8"/>
    <title>interiorUpload</title>
    <link rel="stylesheet" th:href="@{/plugins/layui/css/layui.css}" media="all"/>
    <link rel="stylesheet" th:href="@{/css/global.css}" media="all"/>
    <link rel="stylesheet" th:href="@{/plugins/font-awesome/css/font-awesome.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/table.css}"/>
    <style>
        .layui-form-item .layui-input-inline {
            float: left;
            width: 190px;
            margin-right: 10px;
        }
        .interior-bgalter{
            background-color: white; border: 0px;
        }
        .interior-grayFont{
            color: #8F8F8F
        }
        .interior-content{
            background-color: #F0F2F5;padding: 30px 15px;margin: 0px 15px;width: 95%;
        }
        .interior-content ul{
            line-height: 40px
        }
        .interior-blueFont{
            color: #1890FF
        }
        .interior-content ul table{
            width: 60%; text-align: center;
        }
        .interior-content ul table span{
            color: red;
        }
    </style>
</head>

<body>
<form class="layui-form" action="">
    <fieldset class=" layui-elem-quote interior-bgalter">

        <div class="layui-form-item interior-bgalter">
            <a href="javascript:void(0);" class="layui-btn layui-btn-primary">
                上传文件
            </a>
            <br />
            <span class="interior-grayFont">限EXCEL文件(后缀名为.xls或.xlsx），不超过10000条且文件大小控制在2M内</span>
        </div>
    </fieldset>
</form>
<br/>
<div class="interior-content">
    <ul>
        <li>导入说明</li>
        <li>1. 导入文件的格式为EXCEL格式，后缀名为.xls或.xlsx；<a class="interior-blueFont" href="javascript:void(0)">点击下载模板文件</a></li>
        <li>2. 导入的数据应放在文件的第一个工作表中；</li>
        <li>3. 请勿修改您下载模板的标题（第一行）；</li>
        <li>4. 请务必填写表格中的必填信息；</li>
        <li>
            5. 工作表结构如下（红色部分为必填）；<br/>
            <table class="layui-table">
                <tr>
                    <td><span>姓名</span></td>
                    <td><span>卡号</span></td>
                    <td><span>发放金额</span></td>
                    <td>产品ID</td>
                    <td>备注</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                </tr>
            </table>
        </li>
    </ul>
</div>

<script th:src="@{/js/jquery.min.js?v=2.1.4}"></script>
<script type="text/javascript" th:src="@{/plugins/layui/layui.js}"></script>
<script type="text/javascript">
    $(function () {
        loadInteriorUpload();
    });

    function loadInteriorUpload(){
        layui.use(['table', 'jquery','laydate','layer', 'form'], function () {

        });
    }
</script>


</body>
</html>